@keyframes changeLarge {
   from {
        opacity: 0.8;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
         transform: scale(0.8,1);
    }
}
@-webkit-keyframes changeLarge {
   from {
        opacity: 0.8;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
          transform: scale(0.8,1);
    }
}
@-moz-keyframes changeLarge {
   from {
        opacity: 0.8;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
          transform: scale(0.8,1);
    }
}



@keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);  }
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);  }
}

@keyframes moveUp {
    from {
        opacity: 1;
        transform: translate(0,0);
    }
    to {
        opacity: 1;
        transform: translate(0,-80%);
    }
}
@-webkit-keyframes moveUp {
    from {
        opacity: 1;
        transform: translate(0,0);
    }
    to {
        opacity: 1;
        transform: translate(0,-80%);
    }
}
@-moz-keyframes moveUp {
    from {
        opacity: 1;
        transform: translate(0,0);
    }
    to {
        opacity: 1;
        transform: translate(0,-80%);
    }
}

@-o-keyframes moveUp {
    from {
        opacity: 1;
        transform: translate(0,0);
    }
    to {
        opacity: 1;
        transform: translate(0,-80%);
    }
}



@keyframes moveRightAndLeft {
    from {
        transform: translate(0,0);
    }
    to {
        transform: translate(400px,0);
    }
}
@-webkit-keyframes moveRightAndLeft {
     from {
        transform: translate(0,0);
    }
    to {
        transform: translate(400px,0);
    }
}
@-moz-keyframes moveRightAndLeft {
     from {
        transform: translate(0,0);
    }
    to {
        transform: translate(400px,0);
    }
}
@-ms-keyframes moveRightAndLeft {
     from {
        transform: translate(0,0);
    }
    to {
        transform: translate(400px,0);
    }
}

@-o-keyframes moveRightAndLeft {
     from {
        transform: translate(0,0);
    }
    to {
        transform: translate(400px,0);
    }
}


@keyframes tree_animate {
 0% {
    top: 40px;
    left: 50%
  }
  20% {
    top: 20%;
    left: 40%;
  }
  40% {
    top: 40%;
    left: 30%;
  }
  60% {
    top: 60%;
    left: 20%;
  }
  80% {
    top: 80%;
    left: 10%;
  }
  100% {
    top: 110%;
    left: 3%;
  }
}
@-webkit-keyframes tree_animate {
  0% {
    top: 40px;
    left: 50%
  }
  20% {
    top: 20%;
    left: 40%;
  }
  40% {
    top: 40%;
    left: 30%;
  }
  60% {
    top: 60%;
    left: 20%;
  }
  80% {
    top: 80%;
    left: 10%;
  }
  100% {
    top: 110%;
    left: 3%;
  }
}
@-moz-keyframes tree_animate {
 0% {
    top: 40px;
    left: 50%
  }
  20% {
    top: 20%;
    left: 40%;
  }
  40% {
    top: 40%;
    left: 30%;
  }
  60% {
    top: 60%;
    left: 20%;
  }
  80% {
    top: 80%;
    left: 10%;
  }
  100% {
    top: 110%;
    left: 3%;
  }
}
@-o-keyframes tree_animate {
 0% {
    top: 40px;
    left: 50%
  }
  20% {
    top: 20%;
    left: 40%;
  }
  40% {
    top: 40%;
    left: 30%;
  }
  60% {
    top: 60%;
    left: 20%;
  }
  80% {
    top: 80%;
    left: 10%;
  }
  100% {
    top: 110%;
    left: 3%;
  }
}



@keyframes tree_leftToRight_animate {
   0% {
    top: 40px;
    left: 3%
  }
  20% {
    top: 20%;
    left: 10%;
  }
  40% {
    top: 40%;
    left: 20%;
  }
  60% {
    top: 60%;
    left: 30%;
  }
  80% {
    top: 80%;
    left: 50%;
  }
  100% {
    top: 110%;
    left: 75%;
  }
}
@-webkit-keyframes tree_leftToRight_animate {
  0% {
    top: 40px;
    left: 3%
  }
  20% {
    top: 20%;
    left: 10%;
  }
  40% {
    top: 40%;
    left: 20%;
  }
  60% {
    top: 60%;
    left: 30%;
  }
  80% {
    top: 80%;
    left: 50%;
  }
  100% {
    top: 110%;
    left: 75%;
  }
}
@-moz-keyframes tree_leftToRight_animate {
  0% {
    top: 40px;
    left: 3%
  }
  20% {
    top: 20%;
    left: 10%;
  }
  40% {
    top: 40%;
    left: 20%;
  }
  60% {
    top: 60%;
    left: 30%;
  }
  80% {
    top: 80%;
    left: 50%;
  }
  100% {
    top: 110%;
    left: 75%;
  }
}
@-o-keyframes tree_leftToRight_animate {
  0% {
    top: 40px;
    left: 3%
  }
  20% {
    top: 20%;
    left: 10%;
  }
  40% {
    top: 40%;
    left: 20%;
  }
  60% {
    top: 60%;
    left: 30%;
  }
  80% {
    top: 80%;
    left: 50%;
  }
  100% {
    top: 110%;
    left: 75%;
  }
}